<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="6">
        <router-link to='/shares'>
          <el-button  type="danger">实时数据</el-button>
        </router-link>
       </el-col>
      <el-col :span="6">
        <router-link to='/hygg'>
          <el-button type="primary" >行业公告</el-button>
        </router-link>
      </el-col>
      <el-col :span="6">
          <router-link to='/dataChange'>
        <el-button type="success">数据变动</el-button>
          </router-link>
      </el-col>
      <el-col :span="6">
        <router-link to='/hintShares'>
        <el-button type="warning">跟涨提示</el-button>
        </router-link>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="6">
        <router-link to='/hintNum'>
          <el-button  type="danger" plain>提示数据</el-button>
        </router-link>
      </el-col>
      <el-col :span="6">
        <router-link to='/latelyShares'>
          <el-button type="primary" plain >最近异动</el-button>
        </router-link>
      </el-col>
      <el-col :span="6">
        <router-link to='/sshy'>
          <el-button type="success" plain>行业提示</el-button>
        </router-link>
      </el-col>
      <el-col :span="6">
        <router-link to='/sharesReview'>
        <el-button type="warning" plain>历史记录</el-button>
        </router-link>
      </el-col>
    </el-row>
    <router-view></router-view>
  </div>
</template>

<script>
  import HelloWorld from './components/HelloWorld.vue'
  import Shares from './components/Shares.vue'
  import Axios from 'axios';
  export default {
    name: 'App',
    components: {
      Shares,
      HelloWorld
    }
  }
</script>

<style>
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 100px;
    min-height: 400px;
  }

</style>
